@charset "UTF-8";
#log_box{
    width: 1098px;
    height: 440px;    
    margin: 30px auto 50px;
    .log_bg{
        width: 500px;
        border-right: solid 1px #e1e1e1;
        text-align: center;
        padding: 60px 69px 40px 69px;
        float: left;
        display: inline;
        a{
            img{
                width: 500px;
                height: 340px;      
            }
        }
    }
    .log_input,.login_input{
        width: 350px;
        padding: 30px 50px 0;
        float: right;
        display: inline;
        font-size: 14px;
        position: relative;
        .log_landing{
            height: 45px;
            line-height: 45px;
            h2{
                font-size: 24px;
                color: #e73a77;
                float: left;
                display: inline;
                height: 45px;
                font-weight: bold;
                line-height: 28px;
            }
            span{
                float: right;
                display: inline;
                color: #969696;
                vertical-align: bottom;
                a{
                    color: #e73a77;
                }
            }
        }   
        .log_user,.log_password{
            position: relative;
            margin-bottom: 35px;
            font-size: 14px;
            color: #ccc;
            i{
                width: 40px;
                height: 40px;
                display: block;
                position: absolute;
                left: 5px;
                top: 0;
            }
            input{
                width: 300px;
                height: 20px;
                line-height: 20px;
                padding-top: 10px;
                padding-bottom: 10px;
                border: solid 1px #ccc;
                padding-left: 45px;
                font-family: "microsoft yahei";
                display: block;
            }
        }    
        .log_user:hover,.log_password:hover{
            box-shadow: 0 0 40px #FE2966;
        }
        .log_user{
            i{
                background: url(../img/denglubg.png) no-repeat 0 -80px;

            }
        }
        .log_password{
            i{
                background: url(../img/denglubg.png) no-repeat -40px -80px;
            }
        } 
        .log_forget{
            span{
                float: left;
                display: inline;
                color: #666;
                input{
                    width: 22px;
                    height: 22px;
                    border: solid 1px #ccc;
                    margin-right: 5px;
                    position: relative;
                    left: 0;
                    top: 0;
                    vertical-align: middle;
                }
            }
            a{
                float: right;
                display: inline;
                color: #e73a77;
            }
        }
        .log_dl{
        margin-top: 15px;
        float: left;
            input{
                width: 347px;
                height: 43px;
                color: #fff;
                font-size: 16px;
                background: #e73a77;
                border: none;
                border-radius: 4px;
                text-align: center;
                cursor: pointer;
                font-family: "microsoft yahei";
            }
    }
    .log_third{
        padding-top: 15px;
        padding-left: 0;
        float: left;
        p{
            line-height: 30px;
            text-align: left;
            color: #666;
            margin-bottom: 6px;   
        }
        div{
                a{
                    background: url(../img/denglubg.png) no-repeat;
                    display: block;
                    width: 40px;
                    height: 40px;
                    float: left;
                    display: inline;
                    margin-right: 20px;
                    overflow: hidden;
                    text-indent: -99em;
                    font-size: 0;
                }
                .log_qq{
                    background-position: -40px 0;
                }
                .log_qq:hover{
                    background-position:-40px -40px ;
                }
                .log_wx{
                    background-position: 0 -122px;
                }
                .log_wx:hover{
                    background-position: -46px -122px;
                }
            }
        }
    }
    .login_input{
        height: 560px;
        .login_landing{
            padding-left:20px ;
            h2{
                border-right: 3px solid #E1E1E1;
                font-size: 22px;
                font-style: normal;
                display: inline;
                color: #FF1574;
                padding-right: 42px;
                margin: 3px 65px 0 0;
            }
            a{
                color: #000;
                text-decoration: none;
                outline: none;
                strong{
                    color: #E4257F;
                }
            }
        }
        .login_phone{
            height: 60px;
            line-height: 60px;
            position: relative;
            span{
                 text-decoration: none;
                position: absolute;
                top: 0%;
                left: 6px;
                font-size: 14px;
                color: #A9A9A9;
            }
            input{
                border: 1px solid #e1e1e1;
                width: 192px;
                height: 36px;
                line-height: 36px;
                padding: 0 0 0 111px;
                font-size: 14px;
                font-family: "microsoft yahei";
            }
            input:hover{
                    box-shadow:  0 0 30px #FE2966;
                }
            i{
                color: #FF9065;
            }
            b{
                display: none;
                width: 200px;
                height: 25px;
                background: #FE2966;
                color: white;
                position: absolute;
                text-align: center;
                z-index: 99;
                line-height: 25px;
                top: 50px;
            }
        }
        .login_ver{
            width: 265px;
            height: 65px;
            line-height: 65px;
            position: relative;
            padding-right:20px ;
            span{
                input{
                     border: 1px solid #e1e1e1;
                    display: block;
                    height: 36px;
                    line-height: 36px;
                    padding: 0 5px;
                    font-size: 14px;
                    width: 142px;
                    font-family: "microsoft yahei";
                }
                input:hover{
                    box-shadow:  0 0 30px #FE2966;
                }
            }
            i{
                padding: 0 5px;
                color: #FF9065;
                position: absolute;
                top: -10px;
                right: 97px;
            }
            b{
                display: inline-block;
                width: 98px;
                height: 30px;
                line-height: 30px;
                margin-bottom: -10px;
                margin-left: 15px;
                position: absolute;
                font-size: 24px;
                text-align: center;
                border: 1px solid #999;
                right: 20px;
                top: -5px;
            }
            em{
                display: none;
                width: 200px;
                height: 25px;
                background: #FE2966;
                color: white;
                position: absolute;
                text-align: center;
                z-index: 99;
                line-height: 25px;
                top: 50px;
            }
        }
        .login_phone_ver{
            height: 50px;
            position: relative;
            .phone_code{
                border: 1px solid #e1e1e1;
                height: 36px;
                line-height: 36px;
                padding: 0 5px;
                font-size: 14px;
                font-family: "microsoft yahei";
                float: left;
            }
            .get_phone_code{
                border: medium none;
                cursor: pointer;
                float: left;
                display: block;
                height: 28px;
                line-height: 30px;
                margin-top: 5px;
                margin-left: 10px;
                border-radius: 5px;
                background: #eee;
                width: 106px;
            }
            b{
                display: none;
                width: 200px;
                height: 25px;
                background: #FE2966;
                color: white;
                position: absolute;
                text-align: center;
                z-index: 99;
                line-height: 25px;
                top: 50px;
            }
            input:hover{
                    box-shadow:  0 0 30px #FE2966;
                }
        }
        .login_password,.login_repassword{
            position: relative;
            height: 65px;
            line-height: 65px;
            width: 350px;
            span{
                text-decoration: none;
                position: absolute;
                top: 0%;
                left: 6px;
                font-size: 14px;
                color: #A9A9A9;
                line-height: 65px;
            }
            input{
                border: 1px solid #e1e1e1;
                width: 192px;
                height: 36px;
                line-height: 36px;
                padding: 0 0 0 111px;
                font-size: 14px;
                font-family: "microsoft yahei";
            }
            input:hover{
                    box-shadow:  0 0 30px #FE2966;
                }
            i{
                color: #FF9065;
            }
            b{
                display: none;
                width: 200px;
                height: 25px;
                background: #FE2966;
                color: white;
                position: absolute;
                text-align: center;
                z-index: 99;
                line-height: 25px;
                top: 50px; 
            }
        }
        .login_zc{
            height: 65px;
            margin-top: 10px;
            input{
                cursor: pointer;
                background: #F60182;
                margin-bottom: 0;
                margin: 3px 0 0 -3px;
                border-radius: 3px;
                width: 315px;
                height: 45px;
                line-height: 45px;
                border: none;
                color: white;
                font-size: 20px;
            }
        }
        .login_agree{
            color: black;
            input{
                width: 22px;
                height: 22px;
                border: solid 1px #ccc;
                position: relative;
                left: 0;
                top: 6px;
            }
            a{
                color: blue;
            }
        }
        
    }
    
}
